<% extends 'public/base.html'%>
<% block content %>
  <div class="about-content">
    <div class="layui-container">
      <div class="layui-row">
        <div class="item info">
        <div class="title">
          <h3>我的介绍</h3>
        </div>
        <div class="cont">
          <div class="per-info">
            <% for item in aboutme %>
            <% if 'year' in item.key %>
            <p><span class="layui-badge layui-bg-cyan"><< item.content >></span>
              <span><< now_year-item.value | int >>岁</span></p>
            <% elif 'email' in item.key %>
            <p><span class="layui-badge layui-bg-cyan"><< item.content >></span> <span><a
                    href="mailto:<< item.value >>"><< item.value >></a></span></p>
            <% elif item.type==4 %>
            <p><span class="layui-badge layui-bg-cyan"><< item.content >></span><span><img class="ico"
                                                                                           src="<< item.value | get_favicon >>"></span>
              <span><a href="<< item.value >>"><< item.value >></a></span></p>
            <% elif item.type==2 %>
            <p><span class="layui-badge layui-bg-cyan"><< item.content >></span> <span><img
                    src="<< item.value >>"></span>
              <% else %>
            <p><span class="layui-badge layui-bg-cyan"><< item.content >></span> <span><< item.value >></span></p>
            <% endif %>
            <% endfor %>
          </div>
        </div>
      </div>
        <div class="item tool">
        <div class="title">
          <h3>我的技能</h3>
        </div>
        <div class="layui-fluid">
          <div class="layui-row">
            <% for tool in tool_list %>
              <div class="cont-box">
                <div class="layui-col-xs6 layui-col-sm4 layui-col-md3">
                  <img lay-src="<< tool.toolImgSrc >>" class="load">
                </div>
                <div class="layui-col-xs6 layui-col-sm8 layui-col-md9 progress">
                  <div class="layui-progress layui-progress-big" lay-showPercent="yes">
                    <div class="layui-progress-bar layui-bg-cyan" lay-percent="<< tool.percent >>%"></div>
                  </div>
                </div>
            </div>
            <% else %><blockquote class="layui-elem-quote">暂无相关技能</blockquote>
            <% endfor %>
          </div>
        </div>
      </div>
      </div>
    </div>
  </div>
<% endblock %>
<% block script%>
      menu.init();
      flow.lazyimg({elem:'img.load'});
<% endblock %>